<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        /*
            字体的样式：

            字体的分类：
                serif：衬线字体
                sans-serif：非衬线字体
                monospace：等宽字体
                cursive：草书字体
                fantasy：虚幻字体

                以上这些分类一般写在font-family的最后，其中serif和sans-serif是最常用的，其他三个基本不咋用吧。

        */
        .p1 {
            /*使用color来设置字体的颜色*/
            color: red;

            /*
                使用font-size来设置字体的大小，浏览器中一般默认的字体大小都是16px，
                font-size设置的并不是文字本身的大小，在页面中每个文字都是处在一个看不到的框中，我们设置的font-size实际上设置的是格子的高度，并不是字体的大小。
                一般情况下，文字都要比这个格子要小一些，也有时会比格子大（根据字体的不同显示的效果也不一样）
            */
            font-size: 32px;

            /*
                通过font-family可以设置字体的样式
                当采用某种字体时，如果浏览器支持则使用该种字体，如果浏览器不支持，则使用默认字体
                该样式可以同时指定多个字体，多个字体之间使用,隔开，当采用多个字体时，浏览器会优先使用前边的字体，如果前面没有则尝试使用下一个，以此类推。
            */
            font-family: "华文新魏", cursive;

            /*
                font-style可以用来设置文字的斜体，可选值为：normal默认、italic（斜体）
            */
            font-style: italic;

            /*
                可以用来设置文本的加粗效果，可选值为：normal默认、bold加粗
            */
            font-weight: bold;

            /*
                在CSS中还为我们提供了一个样式叫font，使用该样式可以同时设置字体相关的所有样式，可以将字体的样式值，统一写在font样式中，不同的值之间使用空格隔开。
                使用font设置字体样式时，斜体、加粗、小大字母、没有顺序要求，甚至可以写可以不写，如果不写则使用默认样式，
                但是要求文字的大小和字体必须写，而且字体必须是最后一个样式，大小必须是倒数第二个样式。

            */
        }

    </style>
</head>
<body>
    <p class="p1">我是一个p标签，我是快乐的！23456789asdfghjkl</p>
</body>
</html>